import React from 'react';
import { Icon } from 'antd';
import personalDataPic from '@/assets/entry/personalDataPic_5.png';

// 链接超时结果页
const TimeoutResult = () => (
    <div
        style={{
            display: 'flex',
            minHeight: '80vh',
            flexDirection: 'column',
            alignItems: 'center'
        }}
    >
        <img src={personalDataPic} alt="" style={{ maxWidth: 243, margin: '80px auto 39px' }} />
        <p style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
            <Icon type="frown" theme="filled" style={{ fontSize: 28, marginRight: 16, color: '#BCC1CD' }} />
            <span style={{ fontSize: 24, color: ' rgba(0,0,0,0.85)' }}>超过有效期，链接已失效</span>
        </p>
    </div>
);

export default TimeoutResult;
